<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>安全中心-银行卡变更申请</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0"> 
  <!--侧边栏-->
  <div id="myjkd-leftmenu"></div>
  <!--侧边栏-r-->
  <div class="my-jkdsafe-con fl back-w box-sh">
    <div class="change-card font18 border-bot colred ">金开贷账户银行卡变更申请（个人用户）</div>
    <!--申请时间-->
    <div class="change-time border-bot">
      <p class="change-til font60 font18">申请时间  <span>2017-06-12</span> </p>
      <div class="change-row">
        <div class="change-txt fl">
          用户名
        </div>
        <div class="change-input">
          <input type="text" value="金开贷" readonly>
        </div>
      </div>
      <div class="change-row">
        <div class="change-txt fl">
          真实姓名
        </div>
        <div class="change-input">
          <input type="text" value="金开贷" readonly>
        </div>
      </div>

      <div class="change-row">
        <div class="change-txt fl">
          身份证号码
        </div>
        <div class="change-input">
          <input type="text" value="610*****120" readonly>
        </div>
      </div>

      <div class="change-row">
        <div class="change-txt fl">
          手机号码
        </div>
        <div class="change-input">
          <input type="text" value="155*****662" readonly>
        </div>
      </div>

      <div class="change-row">
        <div class="change-txt fl">
          原银行卡卡号
        </div>
        <div class="change-input">
          <input type="text" value="6225**************849" readonly>
        </div>
      </div>

      <div class="change-row">
        <div class="change-txt fl">
          原卡所属银行
        </div>
        <div class="change-input">
          <input type="text" value="招商银行*****支行" readonly>
        </div>
      </div>

      <div class="change-row">
        <div class="change-txt fl">
          新银行卡卡号
        </div>
        <div class="change-input readon fl">
          <input type="text" value="请输入新绑定银行卡卡号" >
          <span class="change-err colred ">请输入正确的银行卡号</span>
        </div>
      </div>
      <div style="clear: both"></div>

      <div class="change-row">
        <div class="change-txt fl">
          新卡所属银行
        </div>
        <div class="change-input readon fl">
          <input type="text" value="请输入新银行卡所属银行名称" >
          <span class="change-err colred ">请输入银行名称</span>
        </div>
      </div>
      <div style="clear: both"></div>

      <div class="change-row">
        <div class="change-txt fl">
          换卡原因
        </div>
        <div class="change-reason readon fl">
          <textarea>请简要描述换卡原因</textarea>
          <span class="change-err colred ">请填写换卡原因</span>
        </div>
      </div>
    </div>
    <!--上传附件-->
    <div class="change-time">
      <p class="change-til font60 font18">请提供下列资料于附件中，并保证资料清晰</p>
      <ul class="doc-info ">
        <li>
          <p class="idtxt">本人身份证照片（正面）</p>
          <div class="idimage"><img src="../images/transimg.png"></div>
          <a class="addid-btn hov-alpha">添加附件</a>
        </li>
        <li>
          <p class="idtxt">本人身份证照片（反面）</p>
          <div class="idimage"><img src="../images/transimgq.png"></div>
          <a class="addid-btn hov-alpha">添加附件</a>
        </li>
        <li>
          <p class="idtxt">旧银行卡照片</p>
          <div class="idimage"><img src="../images/transimg.png"></div>
          <a class="addid-btn hov-alpha">添加附件</a>
        </li>
        <li>
          <p class="idtxt">新银行卡照片</p>
          <div class="idimage"><img src="../images/transimg.png"></div>
          <a class="addid-btn hov-alpha">添加附件</a>
        </li>
          <li>
              <p class="idtxt">本人手持银行卡照片</p>
              <div class="idimage"><img src="../images/transimg.png"></div>
              <a class="addid-btn hov-alpha">添加附件</a>
          </li>
          <li>
              <p class="idtxt">本人手持身份证照片</p>
              <div class="idimage"><img src="../images/transimg.png"></div>
              <a class="addid-btn hov-alpha">添加附件</a>
          </li>
      </ul>
      <div style="clear: both"></div>
      <p class="id-tips colred">提示：如您需要进行更换银行卡操作，请按照表格要求填写信息、提供所需资料照片，并务必保证信息完整。收到您的申请资料后，我们会尽快核实信息，并在5个工作日内为您进行处理，请您耐心等待。</p>
      <div class="id-check">
        <span class="fl"><input type="checkbox"></span>
        <p class="fl">我已知晓上述提示内容，并同意金开贷在严格保密的前提下使用以上信息用于银行卡变更。</p>
      </div>
    </div>
    <div class="sub-apply"><a class="redbtn fl col-w tl-center font18 hov-alpha">提交申请</a></div>

  </div>
</div>
<div style="clear: both"></div>
<div id="footer"></div>
<script type="text/javascript">
  $(document).ready(function() {
      //选项框
      jQuery(".safeSlideTxtBox").slide(
              {
                  trigger: "click",//点击查看or mouseover
              }
      );
      //安全中心进度条
      function safeNum() {
          var safeWidth = "20%";
          $(".safety-num").css("width", safeWidth);
          $(".safety-counter").append(safeWidth);
      }
      safeNum();
      //所有下拉
      $(".user-btn").click(function () {
          $(this).parent().siblings(".user-show").toggle();
          var userText = $(this).text();
          if (userText == "收起") {
              if ($(this).attr("id") == "mail-btn") {
                  $(this).text("完善");
                  $(this).removeClass("lgray-btn").addClass("yel-sbtn");
              } else {
                  $(this).text("修改");
                  $(this).removeClass("lgray-btn").addClass("yel-sbtn");
              }
              $(this).parent().removeClass("show-down");
          }
          else {
              $(this).text("收起");
              $(this).parent().addClass("show-down");
              $(this).removeClass("yel-sbtn").addClass("lgray-btn");
          }

      });
  })
</script>
<style>
        .home-a2{color:#f15b3a }
        .jkd-li11{
            background: url("../images/jkd-icon.png") no-repeat 5px 2px;
        }
        .jkd-a11{
            background: url("../images/3.png") no-repeat;
            background-position:  14px 4px ;
            color: #f15b3a;
        }
</style>
</body>
</html>
